<style>
    .footer{
        /*height: 49px;*/
        text-align: center;
    }
    .nav-special-item{
        position: absolute;
        width: 60px;
        /*height: 2.34667rem;*/
    }
    .nav-special-item a {
        background-size: 50px 50px;
        margin: 0 auto;
    }
    .nav-special-item a {
        display: block;
        color: #4b4b4b;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .nav-special-item a {
        display: block;
        height: 100%;
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .nav-items-wrap {
        margin-left: 60px;
    }
    .footer .nav-item {
        width: 33.33333333%;
    }
    .nav-item a{
        display: block;
    }
    .footer .nav-item {
        float: left;
        display: block;
        height: 2.34667rem;
        /*-webkit-border-image: url(public/images/nav_border2.png) 2 stretch;*/
        /*-moz-border-image: url(public/images/nav_border2.png) 2 stretch;*/
        /*border-image: url(public/images/nav_border2.png) 2 stretch;*/
        border-left: 2px solid #d0d0d0;
    }
    .footer .mainmenu .mainmenu-txt {
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: .59733rem;
        line-height: 2.34667rem;
        display: inline-block;
        vertical-align: middle;
    }
    .footer .mainmenu .arrow-weixin, .nav-menu .mainmenu .mainmenu-txt {
        font-size: .59733rem;
        line-height: 2.34667rem;
        display: inline-block;
        vertical-align: middle;
    }
    .footer .nav-item {
        border-left-width: 1px;
    }
    .footer .home {
        background-image: url(public/images/ico_home_20160816@2x.png);
    }
    .footer .home {
        display: inline-block;
        width: 50px;
        color: #333;
        font-weight: bold;
        font-size: .59733rem;
        background: url(public/images/ico_home_20160816@2x.png) no-repeat scroll center center;
        background-size: 38px 38px;
        text-indent: -10000px;
        height: 2.34667rem;
        vertical-align: top;
    }
</style>
<div class="foohi">
    <div class="footer">
            <div class="nav-special-item">
                <a href="{:U('Index/index')}" class="home">主页</a>
            </div>
            <div class="nav-items-wrap">
                <div class="nav-item">
                    <a class="mainmenu js-mainmenu" href="#" onclick="follow_wx();">
                        <span class="mainmenu-txt">关注我们</span>
                    </a>
                    <!-- 子菜单 -->
                </div>
                <div class="nav-item">
                    <a class="mainmenu js-mainmenu" href="{:url('Goods/goodsList','id=1')}">
                        <span class="mainmenu-txt">立即购买</span>
                    </a>
                    <!-- 子菜单 -->
                </div>
                <div class="nav-item">
                    <a class="mainmenu js-mainmenu" href="{:U('User/index')}">
                        <span class="mainmenu-txt">个人中心</span>
                    </a>
                    <!-- 子菜单 -->
                </div>
            </div>
    </div>
    <!--<div class="footer" style="display: none;">-->
        <!--<ul>-->
            <!--<li>-->
                <!--<a <if condition="CONTROLLER_NAME eq 'Index'">class="yello" </if>  href="{:U('Index/index')}">-->
                <!--<div class="icon">-->
                    <!--<i class="icon-shouye iconfont"></i>-->
                    <!--<p>首页</p>-->
                <!--</div>-->
                <!--</a>-->
            <!--</li>-->

            <!--<li>-->
                <!--<a href="{:url('Goods/goodsList','id=1')}">-->
                    <!--<div class="icon">-->
                        <!--<i class="icon-fenlei iconfont"></i>-->
                        <!--<p>产品分类</p>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</li>-->
            <!--<li>-->
                <!--<a <if condition="CONTROLLER_NAME eq 'User'">class="yello" </if> href="{:U('User/index')}">-->
                <!--<div class="icon">-->
                    <!--<i class="icon-wode iconfont"></i>-->
                    <!--<p>我的</p>-->
                <!--</div>-->
                <!--</a>-->
            <!--</li>-->
        <!--</ul>-->
    <!--</div>-->


</div>

<script type="text/javascript">
    $(document).ready(function(){
        var cart_cn = getCookie('cn');
        if(cart_cn == ''){
            $.ajax({
                type : "GET",
                url  : '/index.php?m=Home&c=Cart&a=header_cart_list',  //+tab,
                success: function(data){
                    cart_cn = getCookie('cn');
                    $('#cart_quantity').html(cart_cn);
                }
            });
        }
        $('#cart_quantity').html(cart_cn);
    });
</script>
<!-- 微信浏览器 调用微信 分享js-->
<include file="public/wx_share"/>
<!-- 微信浏览器 调用微信 分享js  end-->